<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<p:dialog id="popUpNuevoServicioCliente"
		header="#{i18n['mpo.servicio.cliente.registrar']}"
		widgetVar="dlgNuevoServicioCliente" modal="true" minWidth="450"
		appendTo="@(body)">
		<h:form id="formNuevoServicioCliente">
			<p:panel id="pnlNuevoServicioCliente" styleClass="formulario">
				<table>
					<tr>
						<td><h:outputLabel for="selectCliente"
								value="#{i18n['label.cliente']}" />
								<h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" />
								</td>
						<td><p:selectOneMenu id="selectCliente" required="true"
								style="width: 70%"
								value="#{usuarioController.idPerfilSeleccionado}"
								label="#{i18n['label.cliente']}">
								<f:selectItem itemLabel="Select One" itemValue="" />
								<f:selectItem itemLabel="Juan Perez" itemValue="Xbox One" />
							</p:selectOneMenu></td>
					</tr>
					<tr>
						<td><h:outputLabel for="selectTipoServicio"
								value="#{i18n['label.tipoServicio']}" />
								<h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" /></td>
						<td><p:selectOneMenu id="selectTipoServicio" required="true"
								style="width: 70%"
								value="#{usuarioController.idPerfilSeleccionado}"
								label="#{i18n['label.tipoServicio']}">
								<f:selectItem itemLabel="Select One" itemValue="" />
								<f:selectItem itemLabel="Alimentos" itemValue="Xbox One" />
								<f:selectItem itemLabel="Bebidas" itemValue="Xbox Two" />
							</p:selectOneMenu></td>
					</tr>
					<tr>
						<td><h:outputLabel for="selectServicio"
								value="#{i18n['label.tipoServicio']}" />
								<h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" /></td>
						<td><p:selectOneMenu id="selectServicio" required="true"
								style="width: 70%"
								value="#{usuarioController.idPerfilSeleccionado}"
								label="#{i18n['label.servicio']}">
								<f:selectItem itemLabel="Select One" itemValue="" />
								<f:selectItem itemLabel="Sanduches" itemValue="Xbox One" />
								<f:selectItem itemLabel="Almuerzo Ejecutivo" itemValue="Xbox Two" />
							</p:selectOneMenu></td>
					</tr>
					<tr>
						<td width="30%"><h:outputLabel for="txtCantidad"
								value="#{i18n['mpo.cuenta.detalle.cantidad']}" />
								<h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" /></td>
						<td width="70%"><p:inputText id="txtCantidad"
								style="width: 70%" required="true"
								value="#{usuarioDataManager.usuarioInstancia.nombres}"
								label="#{i18n['mpo.cuenta.detalle.cantidad']}" /></td>
					</tr>
					<tr>
						<td width="30%"><h:outputLabel for="txtPrecioTotal"
								value="#{i18n['mpo.cuenta.detalle.precioTotal']}" />
								<h:outputLabel
								value="#{i18n['label.signo.requerido']}"
								styleClass="item-required" /></td>
						<td width="70%"><p:inputText id="txtPrecioTotal"
								style="width: 70%" required="true"
								value="#{usuarioDataManager.usuarioInstancia.nombres}"
								label="#{i18n['mpo.cuenta.detalle.precioTotal']}" /></td>
					</tr>
					<tr>
						<td><h:outputLabel for="txtDetalle"
								value="#{i18n['mpo.cuenta.detalle.detalle']}" /></td>
						<td><p:inputText id="txtDetalle" style="width: 70%"
								required="true"
								value="#{usuarioDataManager.usuarioInstancia.apellidos}"
								label="#{i18n['mpo.cuenta.detalle.detalle']}" /></td>
					</tr>
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}"
					actionListener="#{usuarioController.registrarUsuario}"
					process="@this,pnlNuevoServicioCliente"
					update="pnlNuevoServicioCliente,:formServicio:tablaUsuarios,:formServicio:pnlMessages"
					oncomplete="dlgNuevoServicioCliente.hide();" />
				<p:commandButton value="#{i18n['label.cancelar']}"
					onclick="dlgNuevoServicioCliente.hide();" type="button" />
			</p:panel>
		</h:form>
	</p:dialog>

</ui:composition>